/*enterprise 入驻企业自适应样式*/
/*
xs：<576px，超小屏。
sm：576px ~ 768px，小屏。
md：768px ~ 992px，中屏。
lg：992px ~ 1200px，大屏。
xl：>=1200px，超大屏。
*/


/* 屏幕设置，且屏幕宽度最大1200px */
@media only screen and (min-width: 1200px) {
  .main_content{
    width: 100%;
    padding: 30px 292px;
  }
  h3{font-size: 30px;}

  .bottom_content{
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .item{
    width: 30%;
  }
  h4{
    height: 50px;
  }
  .color{
    width: 100%;
    height: 2rem;
  }

  .ant-form-item-control-wrapper input{
    width: 300px;
    margin: 0 5px;
  }

  .minus{
    position: absolute;
  }
}

/* 屏幕设置，且屏幕宽度 最小等于 992px，最大 1200px*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .main_content{
    padding: 30px 160px;
  }
  h3{font-size: 30px;}
  h4{font-size: 20px;}

  .ant-col-8{
    width: 40%;
  }

  /deep/.alert .ant-col-8{
    width: 65%;
  }

  .btnsLarge{
    width: 376px;
    height: 80px;
    background: #4266E5;
    border-radius: 2px;
    font-size: .16rem;
  }
  .main_footer a{
    font-size: .14rem;
  }
  .ant-btn{
    padding: .02rem .2rem;
  }

  .bottom_content{
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .item{
    width: 30%;
  }
  h4{
    height: 70px;
  }
  .color{
    width: 100%;
    height: 2rem;
  }

  .uploadFile-con{
     width: 100%;
     height: 100%;
     display: flex;
     flex-wrap: wrap;
   }

  .minus{
    position: absolute;
  }
}

/* 屏幕设置，且屏幕宽度 最小等于 768px，最大 992px*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  body {
    font-size: 100px;
  }
  .main_content{
    padding: 30px 10%;
  }
  h3{font-size: .25rem;}
  h4{font-size: .2rem;}


  .ant-col-offset-6{
    margin-left: 30%;
  }
  .ant-col-6{
    width: 30%;
  }
  .ant-col-8{
    width: 60%;
  }

  .btnsLarge{
    width: 376px;
    height: .4rem;
    background: #4266E5;
    border-radius: 2px;
    font-size: .16rem;
  }
  .main_footer a{
    font-size: .14rem;
  }

  .ant-btn{
    padding: .02rem .2rem;
  }
  .ant-result-icon{
    margin-bottom: 0;
  }
  .ant-result-extra{
    margin-top: 0;
  }

  .uploadFile-con{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .bottom_content{
    margin-top: 20px;
    width: 100%;
  }
  .color{
    width: 45%;
    height: 2rem;
  }

  .minus{
    float: right;
    padding: .02rem 0!important;
  }
}

/* 屏幕设置，且屏幕宽度 最小等于 576px，最大768px*/
@media screen and (min-width: 576px) and (max-width: 768px) {
  body {
    font-size: 100px;
  }
  .main_content{
    width: 100%;
    padding: 30px 6%;
  }
  .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content{
    width: .37rem;
  }
  .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon{
    margin-left: .14rem;
  }
  .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail{
    margin: 0 0 0 .15rem;
  }
  .ant-steps-item-title {
    font-size: 0.16rem;
    white-space: nowrap;
  }
  h3{font-size: .25rem;}
  h4{font-size: .2rem;}

  .main_footer{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .btnsLarge{
    width: 2.76rem;
    height: .44rem;
    background: #4266E5;
    border-radius: 2px;
    font-size: .18rem;
  }
  .main_footer a{
    width: 100%;
    text-align: center;
    font-size: .14rem;
    margin: .2rem 0 0 0;
  }
  .ant-btn{
    padding: .02rem .2rem;
  }
  .ant-result-icon{
    margin-bottom: 0;
  }
  .ant-result-extra{
    margin-top: 0;
  }

  .uploadFile-con{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .bottom_content{
    margin-top: 20px;
    width: 100%;
  }
  .color{
    width: 45%;
    height: 2rem;
  }
  .ant-col-6{
    width: 27%;
  }
  /*.ant-form-item-control-wrapper input{*/
  /*  width: 150px;*/
  /*  margin: 0 5px;*/
  /*}*/

  .minus{
    float: right;
    padding: .02rem 0!important;
  }
}

/* 屏幕设置，且屏幕宽度小于 576px */
@media only screen and (max-width: 576px) {
  .main_content{
    width: 100%;
    padding: 30px 5%;
  }
  .ant-divider-horizontal{
    margin: 12px 0;
  }
  .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content{
    width: .65rem;
    text-align: left;
  }
  .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon{
    margin-left: .18rem;
  }
  .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail{
    margin: 0 0 0 .2rem;
    width: .72rem;
  }
  .ant-steps-item-title {
    font-size: 0.14rem;
    white-space: nowrap;
  }

  h3{font-size: .25rem;}
  h4{font-size: .18rem;}

  .ant-form-item{
    display: flex;
    align-items: center;
  }
  .ant-col-offset-6{
    margin-left: 30%;
  }
  .ant-col-6{
    width: 30%;
  }
  .ant-col-8{
    width: 65%;
  }
  .ant-form label{
    font-size: .12rem;
  }

  .main_footer{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .main_footer a{
    width: 100%;
    text-align: center;
    margin: .2rem 0 0 0;
  }


  .bottom_content{
    margin-top: 20px;
    width: 100%;
  }
  .color{
    width: 45%;
    height: 2rem;
  }

  .uploadFile-con{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .uploadFile-con .upload-card-con{
    width: 100%;
  }
  .uploadFile-con.min-w-c-2{
    width: 100%;
    min-width: 200px;
  }
  .uploadFile-con .upload-card-con .upload-card{
    width: 100%;
  }

  .minus{
    float: right;
    padding: .02rem 0!important;
  }
}

